<template>
  <div class="seller-tabs">
    <router-link to="/goods" tag="div" class="tab-item" exact>商品</router-link>
    <router-link to="/ratings" tag="div" class="tab-item">评论</router-link>
    <router-link to="/seller" tag="div" class="tab-item">商家</router-link>
  </div>
</template>

<script>
export default {
  name: 'sellerTabs',
};
</script>

<style lang="scss" scoped>
  .seller-tabs{
    display: flex;
    text-align: center;
    height: 40px;
    background: #fff;
    border-bottom: 1px solid eleblack(.1);
    .tab-item{
      flex: 1;
      line-height: 40px;
      color: #666;
      // font-size: 16px;
      &.link-active{
        color: $e-red;
      }
    }
  }
</style>